****

जावास्क्रिप्ट की दुनिया में हमारी यात्रा में आपका फिर से स्वागत है! इस ब्लॉग पोस्ट में, हम जावास्क्रिप्ट में उपयोगकर्ताओं के साथ बातचीत करने के लिए तीन आवश्यक तरीकों का पता लगाएंगे: अलर्ट, प्रॉम्प्ट, और confirm। ये विधियाँ आपको क्रमशः संदेश प्रदर्शित करने, उपयोगकर्ता इनपुट एकत्र करने और कार्यों की पुष्टि करने की अनुमति देती हैं। आइए प्रत्येक विधि पर गौर करें और देखें कि वे कैसे काम करती हैं।

1. चेतावनी

अलर्ट विधि का उपयोग एक संदेश और एक "ओके" बटन के साथ एक सरल संवाद बॉक्स प्रदर्शित करने के लिए किया जाता है। यह विधि उपयोगकर्ता को महत्वपूर्ण जानकारी या चेतावनियाँ दिखाने के लिए उपयोगी है।

सिंटैक्स:

alert(message);

उदाहरण:

alert("Hello, World!");

स्पष्टीकरण:

• संदेश: वह पाठ जिसे आप संवाद बॉक्स में प्रदर्शित करना चाहते हैं।
• अलर्ट विधि स्क्रिप्ट के निष्पादन को तब तक रोक देती है जब तक उपयोगकर्ता "ओके" बटन पर क्लिक नहीं करता।

उदाहरण:

// Display a welcome message
alert("Welcome to our website!");

2. तत्पर

प्रॉम्प्ट विधि का उपयोग एक संवाद बॉक्स प्रदर्शित करने के लिए किया जाता है जो उपयोगकर्ता को कुछ टेक्स्ट इनपुट करने के लिए प्रेरित करता है। यदि उपयोगकर्ता इनपुट रद्द कर देता है तो यह उपयोगकर्ता द्वारा दर्ज किया गया टेक्स्ट या null लौटाता है।

सिंटैक्स:

prompt(message, default);

उदाहरण:

let userName = prompt("Please enter your name:", "Guest");
console.log("Hello, "   userName   "!");

स्पष्टीकरण:

• संदेश: वह पाठ जिसे आप संवाद बॉक्स में प्रदर्शित करना चाहते हैं।
• डिफ़ॉल्ट: इनपुट फ़ील्ड में दिखाई देने वाला डिफ़ॉल्ट टेक्स्ट। यह पैरामीटर वैकल्पिक है।
• प्रॉम्प्ट विधि उपयोगकर्ता द्वारा दर्ज किए गए टेक्स्ट को लौटा देती है या यदि उपयोगकर्ता इनपुट रद्द कर देता है तो null।

उदाहरण:

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");
} else {
  console.log("No name entered.");
}

3. पुष्टि करना

पुष्टि करें विधि का उपयोग एक संदेश और दो बटन के साथ एक संवाद बॉक्स प्रदर्शित करने के लिए किया जाता है: "ओके" और "रद्द करें"। यदि उपयोगकर्ता "ओके" पर क्लिक करता है तो यह सही देता है और यदि उपयोगकर्ता "रद्द करें" पर क्लिक करता है तो यह गलत देता है।

सिंटैक्स:

confirm(message);

उदाहरण:

let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

स्पष्टीकरण:

• संदेश: वह पाठ जिसे आप संवाद बॉक्स में प्रदर्शित करना चाहते हैं।
• यदि उपयोगकर्ता "ओके" पर क्लिक करता है तो पुष्टि करें विधि वापस आती है true और यदि उपयोगकर्ता "रद्द करें" पर क्लिक करता है तो गलत है।

उदाहरण:

// Confirm an action before proceeding
let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

अलर्ट, संकेत और पुष्टि का संयोजन

आप अधिक इंटरैक्टिव और गतिशील उपयोगकर्ता अनुभव बनाने के लिए इन तरीकों को जोड़ सकते हैं। यहां एक उदाहरण दिया गया है जो दर्शाता है कि तीनों विधियों का एक साथ उपयोग कैसे करें:

उदाहरण:

// Display a welcome message
alert("Welcome to our website!");

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");

  // Confirm an action before proceeding
  let isConfirmed = confirm("Do you want to proceed?");
  if (isConfirmed) {
    console.log("Proceeding...");
  } else {
    console.log("Action canceled.");
  }
} else {
  console.log("No name entered.");
}

निष्कर्ष

अलर्ट, प्रॉम्प्ट, और पुष्टि विधियां जावास्क्रिप्ट में उपयोगकर्ताओं के साथ बातचीत करने के लिए शक्तिशाली उपकरण हैं। वे आपको क्रमशः संदेश प्रदर्शित करने, उपयोगकर्ता इनपुट एकत्र करने और कार्यों की पुष्टि करने की अनुमति देते हैं। इन विधियों को समझकर और उपयोग करके, आप अधिक इंटरैक्टिव और गतिशील वेब एप्लिकेशन बना सकते हैं।

अगले ब्लॉग पोस्ट में, हम जावास्क्रिप्ट में उपयोगकर्ता इनपुट और घटनाओं को संभालने में गहराई से उतरेंगे। हमारे साथ बने रहें क्योंकि हम जावास्क्रिप्ट की दुनिया में अपनी यात्रा जारी रख रहे हैं!